<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>函数防抖</title>
</head>

<body>
    <input id="myInput"/>
    <script src="./helper.js"></script>
    <script>
        // 高阶函数，在函数内部返回一个新的函数
        // var handle=debounce(function(width){
        //     console.log('函数防抖'+width);
        // },100)
        // window.onresize=function(){
        //     handle(document.documentElement.clientWidth);
        // }

        var myInput=document.querySelector('input');
        var handle=debounce(function(val){
            console.log(val);
        },500)
        myInput.oninput=function(){
            handle(this.value);
        }
    </script>
</body>

</html>